const path = require("path");
const json5 = require("json5");

module.exports = {
  mode:"development",
  entry:"./main.js",
  output:{
    path: path.resolve(__dirname, "dist"),
    filename:"bundle.js",
  },
  module: {
    rules: [
      {
        test:/\.css$/i,
        // .css -> .js
        // 往后执行
        use:["style-loader","css-loader"]
      },
      {
        test:/\.(png|svg|jpg|jpeg|gif)$/i,
        // webpack会默认使用 file-loader
        // 如果想自己扩展，可以使用type:"javascript/auto" 这个值可以阻止webpack使用默认的loader
        type:"asset/resource"
      },
      {
        test: /\.json$/i,
        type:"json",
        parser:{
          parse:json5.parse,
        }
      }
    ]
  }
}